画像をレイヤー状態で表示させて親子関係を持たせる方法。
マップなどの上にポインタを表示させて、親であるマップを拡大縮小した時に、子のポインタも一緒に拡大縮小するなどで使う。
【使用するファイル】
xmlファイル
親画像
個画像
【基本コード】親
下記のコードをxmlファイルに記述する
<plugin name="parent" url="oya.jpg" keep="true" align="rightttop" x="10" y="10" scale="0.2" scalechildren="true" destscale="1.0" onclick="IF(plugin[parent].scale == 1.0, tween(plugin[parent].scale,0.2), tween(plugin[parent].scale,1.0));" />
解説
<plugin name="parent" //親画像のID url="oya.jpg" //親画像のパス keep="true" //新しいパノラマにも効果を継承するか align="rightttop" //親画像の基準となる位置 x="10" //親画像の基準となる位置から横位置の距離 y="10" //親画像の基準となる位置から縦位置の距離 scale="0.2" //最初に表示する/親画像の大きさ scalechildren="true" //子画像も拡大縮小を連動させるか destscale="1.0" //拡大縮小後のサイズ onclick="IF(plugin[parent].scale == 1.0, tween(plugin[parent].scale,0.2), tween(plugin[parent].scale,1.0));" />
【基本コード】子
<plugin name="children"
url="ko.jpg"
keep="true"
parent="parent"
zorder="1"
align="center"
/>
解説
<plugin name="children" //子画像のID url="ko.jpg" //子画像のパス keep="true" //新しいパノラマにも効果を継承するか parent="parent" //親画像のID align="center" //親画像を基準にした子画像の位置 />
【実例】
<krpano version="1.16">
<include url="skin/defaultskin.xml" />
<view hlookat="0" vlookat="0" maxpixelzoom="1.0" fovmax="150" limitview="auto" />
<preview url="mukogawa1.tiles/preview.jpg" />
<plugin name="parent"
url="oya.jpg"
keep="true"
align="rightbottom"
x="10"
y="10"
scale="0.2"
scalechildren="true"
destscale="1.0"
onclick="IF(plugin[parent].scale == 1.0, tween(plugin[parent].scale,0.2), tween(plugin[parent].scale,1.0));"
/>
<plugin name="children"
url="ko.jpg"
keep="true"
parent="parent"
zorder="1"
align="center"
/>
<image type="CUBE" multires="true" tilesize="512" progressive="false">
<level tiledimagewidth="4776" tiledimageheight="4776">
<cube url="mukogawa1.tiles/mres_%s/l4/%0v/l4_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="2388" tiledimageheight="2388">
<cube url="mukogawa1.tiles/mres_%s/l3/%0v/l3_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="1194" tiledimageheight="1194">
<cube url="mukogawa1.tiles/mres_%s/l2/%0v/l2_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="597" tiledimageheight="597">
<cube url="mukogawa1.tiles/mres_%s/l1/%0v/l1_%s_%0v_%0h.jpg" />
</level>
<mobile>
<cube url="mukogawa1.tiles/mobile_%s.jpg" />
</mobile>
</image>
</krpano>